<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>shopCart</title>
    <link rel="stylesheet" href="/css/shopCart.css">
</head>
<body>
    <div class="header"></div>
    <main>
        <div class="main-header">
            <div class="mainHeadWrap">
                    <a href="/">
                        <div class="logo"></div>
                    </a>
                    <p>我的购物车</p>
                    <ul>
                        <li>我的购物车</li>
                        <li>填写核对订单</li>
                        <li>成功提交订单</li>
                    </ul>
            </div>
        </div>
        <div class="main-wrap">
            <div class="noLogin">
                <span>您还没有登录！请登录后结算</span>
                <a href="/html/login.html"><button class="btn-login">登录</button></a>
                
            </div>
            <div class="infoHead">
                <span class="chooseBg">
                  <!-- <input type="checkbox" id="checkedALL"> -->
                </span>
                <span>勾选</span>
                <span>商品</span>
                <span>单价</span>
                <span>数量</span>
                <span>小计</span>
                <span>操作</span>
            </div>
            <div class="shop">
                <div class="shopMessage">
                    
                </div>
                <script type="text/html" id="shopCart-template">
                    {{each cart shop}}
                    <ul class="shop-top" data-id="{{shop.id}}">
                    <li class="chooseBg">
                      <input type="checkbox" class="check" id="checkA" {{shop.check && "checked"}}>
                    </li>
                    <li class="shopImg">
                        <img src="{{shop.imgs[0].img}}" alt="">
                    </li>
                    <li class="shopInfo">{{shop.title}}</li>
                    <li class="shopPrice"><span>￥</span><span class="bb">{{shop.price}}</span></li>
                    <li class="shopNum">
                        <span class="cut" >-</span>
                        <span class="num" >{{shop.num}}</span>
                        <span class="add" >+</span>
                        <span class="promt"></span>
                    </li>
                    <li class="shopSubtotal">{{shop.num*shop.price}}</li>
                    <li class="shopClear">
                        <span class="delSingle" style="color:red;">删除</span>
                        
                    </li>
                    </ul>
                    {{/each}}
                </script>
                
                <div class="nullCart">
                    <div><span></span></div>
                    <p>您的购物车里什么也没有哦~</p>
                    <a href="/html/list.html" target="_self">去逛逛</a>
                </div>
            </div>

            <div class="wantMorediv"><a href="/html/list.html" class="wantMore"><span >再去逛逛</span></a></div>

            <div class="shopStatement">
                <span class="bgChange chooseBg">
                    <input type="checkbox" id="spanALL" >
                </span>
                
                <span class="spanAll">全选</span>
                <div class="allDelete">
                    <span class="spanDelete" style="color:red;" >删除已选</span>
               
                </div>
                
                <div class="all">
                    
                    <p>总计：<span id="allMoney"></span></p>
                    <p>已选择&nbsp;<span class="totalNum">&nbsp;</span>&nbsp;件商品，优惠：<span>￥0.00</span></p>
                </div>
                
                <button class="settlement">立即结算</button>
                
            </div>
        </div>
        
    </main>
    <div class="footer"></div>

    
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/shopCart"></script>
</html>
